.black_overlay{
    display: none; /* 此元素不会被显示*/
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001; /* z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。*/
    -moz-opacity: 0.8;
    opacity:.80; /* opacity 属性设置元素的不透明级别。*/
    filter: alpha(opacity=88);
    /* 所有浏览器都支持 opacity 属性。   注释：IE8 以及更早的版本支持替代的 filter 属性。例如：filter:Alpha(opacity=50)。*/
}
.white_content {
    display: none;
    position: absolute;
    top: 21%;
    border-radius: 15px;
    left: 35%;
    width: 400px;
    height: 500px;
    padding: 20px;
    background-color: lightskyblue;
    z-index:1002;
    overflow: auto;
}
.white_content1 {
    display: none;
    position: absolute;
    border-radius: 15px;
    top: 5%;
    left: 35%;
    width: 400px;
    height: 600px;
    padding: 20px;
    background-color: lightskyblue;
    z-index:1002;
    overflow: auto;
}
.white_content2 {
    display: none;
    position: absolute;
    top: 11%;
    border-radius: 15px;
    left: 35%;
    width: 400px;
    height: 600px;
    padding: 20px;
    background-color: lightskyblue;
    z-index:1002;
    overflow: auto;
}